<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form action="">
    <input type="text" name="username">
    <input type="password" name="pwd">
    <button>提交</button>
    <br>
    <a href="#/my">我的</a>
    <a href="#/friend">关注</a>
    <a href="#/download">下载</a>
    <br>
    <button class="reload">刷新</button>
  </form>
  <script>
    // location的数据类型是对象，它拆分并保存了URL地址的各个组成部分

    // console.log(window.location)
    // console.log(location)
    // console.log(location.href)

    // 1.href 经常用href 利用js的方法去跳转页面，对其赋值时用于地址的跳转
    // location.href = 'http://baidu.com'

    // 2.search   search属性获取地址中携带的参数，符号?后面的部分
    // console.log(location.search)

    // 3.hash   hash属性获取地址中的哈希值，符号#后面的部分
    // console.log(location.hash)

    // 4.reload方法用来刷新当前页面，传入参数true时表示强刷新
    // const reload = document.querySelector('.reload')
    // reload.addEventListener('click', function () {
    // f5 刷新页面
    // location.reload()
    // ctrl+f5  强制刷新
    // location.reload(true)
    // })

  </script>
</body>

</html>